.commodity {
    background: #eee;
}
.commodity .fix-head{
    font-size: .3rem;
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    background: #eee;
    color: #000;
    text-align: center;
    position:fixed;
    top: 0;
    left: 0;
}
.commodity .fix-head i{
    float: left;
    padding-left: .28rem;
}
.commodity .comm-main .comm-img{
    margin-top: .7rem;
    width: 100%;
    height: 7.5rem;
    border-bottom: 1px solid #eee;
}
.commodity .comm-main .comm-img img{
    width: 100%;
    height: 100%;
}
.commodity .describe{
    padding-left: .28rem;
    margin-bottom: .2rem;
    background: #fff;
}
.commodity .describe h2{
    padding: .2rem 0;
    font-size: .32rem;
    margin-top: 0;
}
.commodity .comm-detail li:nth-child(1)>p{
    font-size: .28rem;
}
.commodity .comm-detail li:nth-child(1)>p i{
    font-size: .28rem;
    color: #880707;
}
.commodity .comm-detail li:nth-child(1)>p span{
    font-size: .28rem;
    color: #880707;
}
.commodity .comm-detail{
    width: 100%;
}
.commodity .comm-detail li{
    padding: .1rem 0;
    padding-left: .28rem;
    width: 100%;
    background: #fff;
    height: .8rem;
    margin-bottom: .03rem;
}
.commodity  .comm-detail li p{
    height: .6rem;
    line-height: .6rem;
    background: #fff;
    font-size: .28rem;
    color: #adadad;
    float: left;
    padding-right: .2rem;
}
.commodity .comm-detail li p span{
    color: #646464;
}
.commodity  .num-detail{
    width: 3rem;
    float: left;
}
.commodity .order-right .minus,.commodity  .order-right .add {
    border: 2px solid #880707;
    background: #880707;
}
.commodity .minus,.commodity  .add {
    float: left;
    width: 24%;
    border: 2px solid #c0a065;
    background: #c0a065;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    font-size: .4rem;
}
.commodity  .minus{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.commodity  .add {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.commodity  .order-right .num_input {
    border: 2px solid #880707;
    color: #880707;
}
.commodity .num_input {
    float: left;
    width: 50%;
    line-height: .5rem;
    border: 2px solid #c0a065;
    text-align: center;
    color: #c0a065;
    font-size:.24rem;
}

.commodity .comm-intr{
    margin-top: .15rem;
    margin-bottom: 1rem;
    width: 100%;
}
.commodity .comm-intr p{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #151515;
    color: #fff;
    font-size: .3rem;
}
.commodity .intr-img{
    padding: 0 .2rem;
}
.commodity .intr-img img{
    width: 100%;
}

.commodity .fix-foot{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #880707;
    text-align: center;
    color: #fff;
    font-size: .36rem;
    position: fixed;
    bottom: 45px;
    left: 0;
}
.commodity .morder{
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}
.commodity .popu-title span{
    float:right;
    display:inline-block;
    padding:0 .3rem;
}
.commodity .popu{
    width: 6rem;
    height: 3rem;
    background: white;
    position: absolute;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.commodity .popu-main{
    width: 80%;
    font-size: .3rem;
    margin: .2rem auto;
}
.commodity  .popu-title{
    border-bottom: 1px solid #E8E8E8;
    font-size: .3rem;
    text-align: left;
    text-indent: .3rem;
    height: .8rem;
    line-height: .8rem;
    background:#880707;
    color: #fff;
    margin-bottom: .4rem;
}
.commodity  .popu-title i{
    font-size: .3rem;
    background: #880707;
    color:#fff ;
}
.commodity  .popu .btn {
    width: 85%;
    margin: 0 auto;
}
.commodity  .popu .btn .pay {
    background-color: #c0a065;
}
.commodity  .popu .btn a {
    display: inline-block;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    width: 100%;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size:.28rem;
    margin-bottom: .3rem;
}
.commodity  .popu .btn .settle {
    background-color: #880707;
    float: right;
}

.commodity  h4{
    position: relative;
    right: 2px;
    top:-0.15rem;
    text-align: right;
    line-height: .3rem;
    color: #880707;
    font-size: .2rem;
    z-index: 100;
}

    .commodity .fix-foot .fix-yue{
            float: left;
            width: 63%;
            background: #c0a065;
            height: 1rem;
            text-align:center;
            color:#000;
        }
     .commodity .fix-foot .fix-buy{
            float: right;
            width: 35%;
            text-align:center;
        }
.commodity .icon-cha{
    float: right;
    padding-right: .3rem;
}

/*jiou*/
.jiou p.popu-main{
    width: 80%;
    margin: 0 auto;
    margin-bottom: .4rem;
}
.jiou .head-logo{
    overflow: auto;
    font-size: 0;
}
.jiou .head-logo>div{
    width: 100%;
}
.jiou .head-logo div img{
    width: 100%;
    height: 100%;
}
.jiou .twohead{
    background: url("../images/yabao03.jpg");
    background-size: 100% 100%;
    height: 3.83rem;
    padding-top: 1.5rem;
}
.jiou .twohead .two-main{
    width: 100%;
    height: 1.5rem;
    background: url("../images/muzhuo.png");
    background-size: 100% 100%;
}
.jiou .twohead .two-main ul{
    width: 100%;
    height:1.8rem;
    padding: 0 1.8rem;
    position: relative;
    top:-1rem;
    z-index: 100;
}
.jiou .twohead .two-main ul:after{
    height:0;
    content:"";
    clear:both;
    display:table;
}
.jiou .twohead .two-main ul li{
    float: left;
    width: 50%;
     height:1.8rem;
}
.jiou .twohead .two-main ul li img{
    width: 1.6rem;
}
.jiou .twohead .two-main ul li:nth-child(2) img{
    width: 1.6rem;
    float: right;
}
.jiou .twohead>p{
    width: 2.66rem;
    height:1rem;
    margin: 0 auto;
     margin-top: -0.5rem;
   
}
.jiou .twohead>p img{
    width: 2.66rem;
    height:1rem;
     margin-top: -0.8rem;
}
.jiou  .hot{
    color: #fff;
    background: #cc000b;
}
.jiou .cold{
    color: #fff;
    background: #006ee9;
}
.jiou{
    background: #cfc7ba;
}
.jiou .quote {
    width: 100%;
}
.jiou header{
    width: 100%;
    background: url("../images/yabao04.jpg") repeat;
    background-size:100% 100%;
    margin-bottom: .5rem;
}
.jiou .quote-detail table {
    width: 100%;
    text-align: center;
}
.jiou .quote-detail thead tr {
    background: #880707;
}
.jiou .quote-detail thead tr th {
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    width: 25%;
}
.jiou .quote-detail thead tr th:nth-child(1) {
    width: 50%;
}
.jiou .quote tbody tr {
    line-height: 23.25px!important;
    height: 23.25px!important;
}
.jiou  .quote-detail table td {
    height: .5rem;
    line-height: .5rem;
    text-align: center;
}
.jiou .quote-detail table tbody td:last-child>span {
    display: inline-block;
    width: .5rem;
    height: .35rem;
    line-height: .35rem;
    padding: .01rem;
}
.jiou .morder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    display: none;
}
.jiou .morder .popu {
    position: absolute;
    top: 25%;
    left: 10%;
    width: 80%;
    background: #fff;
    z-index: 110;
}
.jiou .morder .popu-title {
    border-bottom: 1px solid #E8E8E8;
    font-size: .3rem;
    text-align: left;
    text-indent: .3rem;
    height: .8rem;
    line-height: .8rem;
    background: #eee;
    margin-bottom: .4rem;
}
.jiou .morder .popu-title i {
    font-size: .3rem;
    background: #eee;
}
.jiou .morder .popu .btn {
    width: 85%;
    margin: 0 auto;
}
.jiou .morder .popu .btn .pay {
    background-color: #880707;
}
.jiou .morder .popu .btn a {
    display: inline-block;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    width: 45%;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: .3rem;
}
.jiou .morder .popu .btn .settle {
    background-color: #c0a065;
    float: right;
}
.jiou .main-title{
    width: 100%;
    height: 4.34rem;
    background: url("../images/yabao02.jpg") no-repeat;
    background-size: 100%;
}
.jiou  .main-title .main-table{
    width: 100%;
    height: 4.34rem;
    background: url("../images/muban.png") no-repeat;
    background-size: 100%;
    position: relative;
}
.jiou .main-title .main-table .sjqian{
    position: absolute;
    width: 1rem;
    top:0.8rem;
    left:1.3rem;
}
.jiou .main-title .main-table .sjhou{
    position: absolute;
    width: 1.6rem;
    top:0.4rem;
    left: 4.9rem;
}
.jiou .main-title .main-table .shlogo{
    width: 1.4rem;
    height:2.9rem;
    position: absolute;
    top:.7rem;
    left:3rem ;
}
.jiou .sjhou img, .jiou  .sjqian img, .jiou  .shlogo img{
    width: 100%;
}
.jiou .main-table .fontqian{
    text-align: center;
    position: absolute;
    top:2.6rem;
    left:.8rem;
    width: 1.9rem;
    font-size: .24rem;
    color: #fff;
}
.jiou .main-table .fonthou{
    position: absolute;
    top:2.6rem;
    left: 4.6rem;
    width: 2.1rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
}
.jiou .main-table .jgqian{
    text-align: center;
    position: absolute;
    top:3.5rem;
    left:.8rem;
    width: 1.9rem;
    font-size: .24rem;
    color: #fff;
}
.jiou .main-table .jghou{
    position: absolute;
    top:3.5rem;
    left: 4.6rem;
    width: 2.1rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
}
.jiou .countdown {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #880707;
    width: 100%;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    border-top: 1px solid rgba(0,0,0,0.2);
}
.jiou .quote {
    width: 100%;
    padding-bottom: .5rem;
}




.mall .head-logo{
    width: 100%;
    overflow: auto;
    /*background:#ffdf41;*/
}
.mall .head-logo img{
    width: 100%;
    float: left;
}
.mall .mall-main{
    width: 100%;
    padding-bottom: .98rem;
    position: relative;
    background: url("../images/scbg02.jpg") no-repeat;
    background-size: 100%;

}

.mall .mall-main ul{
    /*padding-bottom: .3rem;*/
}
.mall .mall-main>ul>li{
    width: 100%;
    background: url("../images/sck.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    text-align: left;
}
.mall .mall-main ul li a{
    display: block;
}
.mall .mall-main>ul li:nth-child(even){
    margin-top: .35rem;
}
.mall .mall-detail h3{
    font-size: .3rem;
    padding-top: .1rem;
    font-weight: bold;
    background:-webkit-linear-gradient(top,#fff,#ffed4c);
    -webkit-background-clip:text;
    color:transparent;
    text-transform:uppercase;
}
.mall .mall-detail button{
    border: none;
    border-radius: 3px;
    outline: none;
    height: .3rem;
    line-height: .3rem;
    font-size: .13rem;
    color: #c40003;
    margin-top: .1rem;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff9a5), to(#ffc103));
    background:-moz-linear-gradient(top,#fff9a5,#ffc103);
}
.mall .mall-main>ul li:nth-child(odd) div h3{
    padding-left: .25rem;

}
.mall .mall-main>ul li:nth-child(odd) div button{
    float: left;
    margin-left: .25rem;
    padding: 0 .05rem;
}
.mall .mall-main>ul li:nth-child(even) div h3{
    text-align: right;
    padding-right: .25rem;
}
.mall .mall-main>ul li:nth-child(even) div button{
    float: right;
    margin-right: .25rem;
}
.mall .main-title h3{
    text-align: center;
    font-size: .48rem;
    margin-top: -.2rem;
    background:-webkit-linear-gradient(top,#ffb70b,#ffff5b);
    -webkit-background-clip:text;
    color:transparent;
    text-transform:uppercase;
}
.mall .main-title span{
    display: inline-block;
    text-align: center;
    font-size: .16rem;
    padding:0.05rem .1rem;
    /*background: #ffec14;*/
    border-radius: 5px;
    margin-top: .08rem;
}

        .mall .main-sale{
            width: 100%;
            background: url("../images/scbg03.jpg") ;
            background-size: 100%;
        }
       .mall .main-sale .sale-title img{
            width: 100%;
        }
      .mall  .mall-main .main-sale ul{
            padding-top: 0;
            /*margin: 0 .1rem;*/
        }
        .mall  .mall-main .main-sale ul:after{
            content: "";
            display: table;
            clear: both;
            height: 0;
        }
        .mall .mall-main .main-sale ul li {
            float: left;
            margin-top: 0;
            margin-left: .3rem;
        }
        .mall .mall-main .main-sale ul li:nth-child(even) {
            margin-left: .1rem;
        }
        .main-sale .sale-detail{
            width: 3.47rem;
            height:5.09rem;
            position: relative;
        }
        .main-sale .sale-detail>img{
            width: 3.47rem;
            height:5.09rem;
            position: absolute;
            top:0;
            left:0;
        }
       .mall .sale-detail>div.sale-img{
            width: 3.35rem;
            padding-bottom: 0;
            height:3.4rem;
            z-index: -10;
        }
        .mall .sale-detail>div.sale-img img{
            width: 3.35rem;
            height:3.4rem;
            z-index: -10;
        }
       .mall .sale-detail .sale-section{
            padding: 0 .2rem;
           z-index: 15;
        }
        .mall .sale-detail .sale-section>div{
            position: relative;
            height: .7rem;
            margin-top: 0.1rem;
        }
       .mall .sale-section>div:after{
            content: "";
            display: table;
            height: 0;
            clear: both;
        }
       .mall .sale-section>div>div{
            margin-top: -.02rem;
        }
       .mall .sale-section div .sec-l{
            width: 60%;
           position: absolute;
           top:0;
           left:0;
        }
       .mall .sale-section div .sec-r{
            width: 55%;
           position: absolute;
           top:0;
           right:0;
            text-align: right;
            font-size: .46rem;
            color:#fee9bf ;
        }
       .mall .sale-section div p span{
            text-decoration:line-through;
           color:#fee9bf;
        }
       .mall .sale-section>p{
            color:#fcfaee!important;
            font-size:.26rem;
            position: relative;
           margin-top: 0.1rem;
        }
      .mall  .sale-section div p{

            color:#fee9bf;
            font-size:.22rem;
            font-weight: normal;
        }
.mall .mall-main .main-one{
    width: 100%;
    height: 1.3rem;
    background: url("../images/scbt01.png") no-repeat;
    background-size: 100%;
}


.mall  .mall-main .mall-detail{
    width: 100%;
    height: 3rem;
}
.mall .mall-main .mall-detail .jyqimg{
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top:0.75rem;
    left:.8rem;
    background: url("../images/scmd02.png") no-repeat;
    background-size: 100% 100%;
}
.mall .mall-main .mall-detail .jyhimg{
    position: absolute;
    width: 3rem;
    height: 2.5rem;
    top:0;
    right: .7rem;
    background: url("../images/scmd01.png") no-repeat;
    background-size: 100% 100%;
}
.mall .mall-main .mall-detail .sjqian{
    width: 1rem;
    height: 1rem;
    position: relative;
    top:0.25rem;
    left: 0.25rem;
}
.mall .mall-main .mall-detail .sjhou{
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    top:0.45rem;
    left: 0.7rem;
}
.mall .mall-main .mall-detail .shlogo{
    width: 1.6rem;
    height:.66rem;
    position: absolute;
    top:1.25rem;
    left:2.5rem ;
}
.mall .sjhou img, .mall  .sjqian img, .mall  .shlogo img{
    width: 100%;
}
.mall .mall-detail .fontqian{
    text-align: right;
    position: relative;
    top:-1.4rem;
    left:-.5rem;
    width: 3rem;
    font-size: .24rem;
    font-weight: bold;
    color: #000;
}
.mall .mall-detail .fonthou{
    position: relative;
    top:1rem;
    right: .8rem;
    width: 3.5rem;
    text-align: right;
    font-weight: bold;
    font-size: .24rem;
    color: #000;
}
.mall .mall-detail .jgqian{
    text-align: right;
    position: relative;
    top:-1.3rem;
    left:0.5rem;
    width: 1.9rem;
    font-size: .45rem!important;
    font-weight: bold;
    color: #000;
}
.mall .mall-detail .jgqian span{
    font-size: .2rem!important;
    position: relative;
    top:-.15rem;

}
.mall .mall-detail .jghou span{
    font-size: .2rem!important;
    position: relative;
    top:-.15rem;
}
.mall .mall-detail .jghou{
    position: relative;
    top:.2rem;
    right:-.6rem;
    width: 2.1rem;
    text-align: right;
    font-size: .45rem!important;
    font-weight: bold;
    color: #000;
}



.order{
    background: #eee;
}
.order .logist_top{
    padding-bottom: .98rem;
}

.order .no-content{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:3rem;
	height:1rem;
	margin:auto;
	font-size:0.6rem;
	color:#ffb70b;
}
.order .log_head{
    overflow: auto;
    background: #fff;
    border-bottom: 2px solid #eee;
    color: #adadad;
    margin-bottom: .2rem;
}
.order .person_log{
    float: left;
    margin: .2rem;
    margin-right: 0;

}
.order .person_r{
    clear: both;
    padding: .1rem .15rem;
    width: 7.5rem;
    height:.7rem;
    border-top: 1px solid #eee;
}
.order .person_r .box{
	width:100%;
}
.order .person_r .box:after{
    clear: both;
    height: 0;
    display: table;
    content: "";
}
.order .person_r button{
    float: right;
    display: inline-block;
    text-align: center;
     width: 20%;
    height: .5rem;
    line-height: .5rem;
    border: none;
    margin-right: .1rem;
}
.order .person_l{
    height: 1.4rem;
    line-height: 1.4rem;
    width: 3.2rem;
    float: left;
    text-align: center;
    font-size: .26rem;

}
.order .person_l .redx{
    color: #fc4630;
}
.order .person_l .gray{
    color: #646464;
}
.order .person_l p{
	margin-top:.35rem;
    height: .7rem;
    line-height: 0.35rem;
    width: 2rem;
    text-align: center;
    color: #fc4630;
    font-size: .26rem;

}
.order .expired{
    color: #646464;!important;
}
.order .log_head .person_log  img {
    height: 1rem;
    float: left;
    width:1rem;
}
.order .log_head>p {
    border-bottom: 1px solid #eee;
    padding: .1rem;
    color: #000;
    font-size: .24rem;
}
.order .hlog_infor{
    width:3rem;
    height: 1rem;
    float: left;
    overflow: hidden;
    font-size: .24rem;
    padding: .2rem 0;
    padding-left: .2rem;
    padding-top: .1rem;
}
.order .hlog_infor p{
    overflow: hidden;
    font-size: .24rem;
    color: #646464;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.order .hlog_infor h1{
    color: #646464;
    font-size: .3rem;
}
.order .hlog_infor h1 span{
    color: red;
}
.order button.pick{
    color:#fff!important;
    background:#febb2c;
}

.order button.yabao{
    color:#fff!important;
    background:#c3272b;
}
.order button.quit{
    color:#fff!important;
    background:#177cb0;
}
/*下单*/
.order .morder{
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    display: none;
}
.order .morder .popu{
    position: absolute;
    top:25%;
    left: 10%;
    width: 80%;
    background: #fff;
    z-index: 110;
}
.order .morder .popu-title{
    border-bottom: 1px solid #E8E8E8;
    font-size: .3rem;
    text-align: left;
    text-indent: .3rem;
    height: .8rem;
    line-height: .8rem;
    background: #eee;
    margin-bottom: .4rem;
}
.order .morder .popu-title i{
    font-size: .3rem;
    background: #eee;
}
.order .morder .popu .btn {
    width: 85%;
    margin: 0 auto;
}
.order .morder .popu .btn .pay {
    background-color: #168de9;
}
.order .morder .popu .btn a {
    display: inline-block;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    width: 45%;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: .3rem;
}
.order .morder .popu .btn .settle {
    background-color: #880707;
    float: right;
}
.order div.popu-main {
    width: 80%;
    margin: 0 auto;
    margin-bottom: .4rem;
}
.order .popu-main p{
    padding-bottom: .2rem;
    font-size: .26rem;
}
.order .popu-main h3{
    padding-bottom: .2rem;
    font-size: .26rem;
}
.order .person-detail{
            clear: both;
            border-top: 1px solid #eee;
            text-indent: .1rem;
            padding: .2rem;
            border-bottom: 1px solid #eee;
            color: #000;
            font-size: .24rem;
        }
        .order .person-detail span{
            margin-right: .5rem;
        }
        .order .person-detail b{
            float: right;
            margin-right: .2rem;
            padding: 0.05rem ;
            border: 1px solid #eee;
            background:#eee;
            border-radius: 4px;
            margin-top: -0.1rem;
            font-weight: normal;
        }
        .order .detail-order{
            clear: both;
            text-indent: .1rem;
            padding: .2rem;
            border-bottom: 1px solid #eee;
            color: #adadad;
            font-size: .24rem;
            display:none;
        }



.recharge {
    background: #2b2623;
}
.recharge .popup1{
    color:#2b2623;
    width: 100%;
    background: #3A3A3A;
}
.recharge #recharge_inner{
    line-height: .5rem;
    background: #2b2623;;
}
.recharge #recharge_inner li div{
    color:#2b2623;
    margin: 0.1rem .2rem;
    font-weight: 900;
    font-size: .3rem;
}
.recharge .popup_w-3{
    color:#2b2623;
}
.recharge .popup_w-3>li {
    padding: 0 .3rem;
    display: flex;
    flex-direction: row;
    margin-right: -1px;
    font-size: 0;
    margin-left: -0rem;
}
.recharge .popup_w-3>li>p,.popup_w-3 input{
    font-size: 0.3rem;
    display: inline-block;
    background: #3a3430;
    margin: 0.04rem 0;
    margin-left: 0.16rem;
    width:1.5rem;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    color:#adadad;
    border-radius: 5px;
}
.popup_w-3 input{
    color:#fff!important;
}
.recharge .popup_w-3 input{
    border-width: 0;
}
.recharge .popup_w-3>li:nth-child(1){
    background: #2b2623;
    padding-top: .3rem;
}
.recharge .popup_w-3>li:nth-child(2){
    padding-bottom: .3rem;
    background: #2b2623;
    padding-top: .2rem;
    border-bottom: 3px solid #3a3430;
}
.recharge .popup_w-3>li:nth-child(3){
    background: #3a3430;
    padding: .3rem;
    border-bottom: 3px solid #3a3430;
}
.recharge .popup_w-3>li:nth-child(3) p{
    width: 2rem;
    height: .9rem;
    margin-right: .2rem;
}
.recharge .popup_w-3>li:nth-child(3) p img{
    width: 100%;
    height: 100%;
}
.recharge .popup_w-3 .popup_active{
    background: #c0a065;
    color: #2b2623;
}
.recharge .popup_success{
    margin: 0 auto;
    padding: 0.2rem .2rem;
    text-align: center;
    width: 90%;
    background: #c0a065;
    color: #2b2623;
    font-weight: 900;
    line-height: .5rem;
    border-radius: .1rem;
    z-index: 2;
    font-size: .35rem;
}
.recharge  #popup_success_box{
    margin-top:.4rem;
    background: #2b2623;
}

.withdrawals  {
    width: 7.5rem;
    margin: 0 auto;
    font-size: .36rem;
    background: #2b2623;
    margin-bottom: 2.5rem;
}
.withdrawals h3 {
    font-size: 1.3em;
}
.withdrawals .header_wallet{
    padding: .45rem 0;
    background: #3a3430;
}
.withdrawals .wallet_font{
    padding-left: .45rem;
    padding-bottom: .1rem;
    color: #fff;
    font-size: .3rem;
    text-align: left;
}
.withdrawals .wallet_mon{
    color: #c0a065;
    font-size: 1rem;
    text-align: center;
    margin-bottom: .3rem;
}
.withdrawals .select{
    background: #2b2623;
    margin-top: .2rem;
}
.withdrawals .select ul li{
    height: 1rem;
    border-bottom: 2px solid #2b2623;
    position: relative;
}
.withdrawals .select ul li a{
    display: inline-block;
    color: #646464;
    width: 100%;
}
.withdrawals .select ul li i{
    font-size: .46rem;
    color: #c0a065;
    position: absolute;
    left: .4rem;
    top:.15rem;
}
.withdrawals .select ul li a b{
    color: #646464;
    font-weight: normal;
    margin-top: -.1rem;
}
.withdrawals .select ul li span{
    float: right;
}
.withdrawals .select input,.withdrawals .select select {
    width: 100%;
    height: 100%;
    padding-left: 1.2rem;
    border-radius: .1rem;
    color: #adadad;
    background: #3a3430;
    /*text-indent: 0.31rem;*/
    outline: none;
    border: none;
    text-align: left;
    margin-bottom: 0px;
    font-size: .36rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
}
.withdrawals .row_btn {
    display: block;
    margin:0 auto;
    width: 5.98rem;
    border: none;
    background: #c0a065;
    line-height: 0.94rem;
    font-size: .4rem;
    color: #2b2623;
    font-weight: 600;
    margin-top: 0.48rem;
    border-radius: .1rem;
}



.login h4{
    position: absolute;
    right: 2px;
    bottom: 0;
    text-align: right;
    line-height: .3rem;
    color: red;
    font-size: .2rem;
    z-index: 100;
}
.login {
    font-size: 0;
    font-family: "微软雅黑","Clockopia", "arial";
    color: #c0a065;
    background: url("../images/login02.jpg") repeat;
    background-size: 100%;
}
.login .start_logo{
    width: 100%;
}
.login .start_logo img{
    width: 100%;
}
.login .start_login{
    width: 75%;
    margin: 0 auto;
}
.login  .login_user,.login_pwd,.login_button{
    width: 100%;
    margin-bottom: .5rem;
    position: relative;
}
.login  .login_user span,.login_pwd span{
    position: absolute;
    top:0.1rem;
    left:.2rem;
    font-size: .55rem;
    padding: 0;
    color: #c0a065;
}
.login  .start_login input{
    width: 4.7rem;
    height: .8rem;
    line-height: .8rem;
    border: none;
    color: #cfc8bd;
    border-bottom: 1px solid #c0a065;
    margin-left:.8rem ;
    padding-left: .2rem;
    font-size: .36rem;
    background:none;
    outline:none;
}
.login .login_button{
    border: none;
}
.login .start_login_button{
    width: 100%;
    height: .8rem;
    text-align: center;
    background: #c0a065;
    border: none;
    color: #000;
    font-size: .36rem;
    margin-top: .5rem;
}
.login .start_login_register{
    margin-top: .2rem;
    width: 100%;
}
.login .start_login_register:after{
    height: 0;
    content: "";
    clear: both;
    display: table;
}
.login .start_login_register a{
    color: #cfc8bd;
    font-size: .3rem;
}

.ssc{
    font-size: 0;
    background: url("../images/bdbj.jpg") repeat;
    background-size: 100%;
}
.ssc .billcontent{
    width: 100%;
    padding-bottom: .98rem;
}
.ssc .billtable{
    width: 100%;
}
.ssc .billtable td,th{
    width: 24%;
    height: .7rem;
    text-align: center;
    font-size: .24rem;
}
.ssc .billtable th:nth-child(1){
    width: 28%;
}
.ssc .billtable tbody tr td:nth-child(2){
    color: #cc000b;
}
.ssc .billtable tbody tr td:nth-child(3){
    color: #cc000b;
}
.ssc .billtable tbody td{
    height: 1rem;
}

.ssc .billtable tbody td span{
    display: inline-block;
    padding: .05rem .2rem;
    border-radius: 4px;
}

.ssc .redx{
    background:#880707;
    color:#fff;
    height: .4rem;
    line-height: .4rem;
}
.ssc .odd{
    background:#415065;
    color:#fff;
}
.ssc .even{
    background:#880707;
    color:#fff;
}
.ssc .yellowx{
    background:#adadad;
    color:#fff;
}
.ssc .start_logo,.ssc .start_logo img{
    width: 100%;
}


.account header{
    position:relative;
    height: 4rem;
    background: url(../images/cdbg.jpg);
    background-size:100% 100% ;
}
.account header .top{
    position: absolute;
    color: #fff;
    font-size: .4rem;
    padding: 0.1rem;
    border-radius:4px;
    right: 10px;
    top: 10px;
}
.account header .bottom{
    position: absolute;
    bottom: -1.8em;
    width: 100%;
    color: #fff;
    padding: 0 10px;
}
.account header .bottom .box,header .name{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;

}
.account header .user_update{
    display: inline-block;
    position: relative;
    top: .7em;/*与头像的top值一致后调整间距（-）*/
    background: rgba(0,0,0,);
    /*padding: .1em 0;*/
    width: 5.8em;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}
.account header .name .headimg{
    margin-right: .1rem;
    margin-bottom: .2rem;
    position: relative;
    top: .2rem;
    border-radius: .2rem;
    border: .4em solid rgba(255,255,255,.6);
}
.account header .name img{
    width:5em;
    height: 5em;
    border-radius: .1rem;

}
/*列*/
.account .my-option{
    padding-bottom: .98rem;
}
.account .my-option ul{
    width: 100%;
    margin-top: .2rem;
}
.account .my-option li{
    height: 47px;
    width: 100%;
    background: #fff;
}
.account .my-option li a{
    display: inline-block;
    height:47px;
    line-height: 47px;
    font-size: 16px;
    width: 100%;
    color:#1b1b1b;
    border-bottom: 1px solid #f0f0f0;
    text-indent: 10px;
    font-weight: 100;
}
.account .my-option img{
    width: 1.5em;
    vertical-align: middle/*居中*/;
    margin-top: -2px;
}
.account .my-option li i.i_right {
    float: right;
    margin-right: 10px;
    color: #a2a2a2;
}
.account .my-option .iconfont{
    font-size: 1.4em;
}
.account .my-option ul>li:nth-child(1) .iconfont:nth-child(1){
    color:#ff8700;
}
.account .my-option ul>li:nth-child(2) .iconfont:nth-child(1){
    color:#ffcc00;
}
.account .my-option ul>li:nth-child(3) .iconfont:nth-child(1){
    color: #a98175;
}
.account .my-option ul>li:nth-child(4) .iconfont:nth-child(1){
    color:#86c9ef;
}
.account .my-option ul>li:nth-child(5) .iconfont:nth-child(1){
    color:#5498dc;
}
.account .my-option ul>li:nth-child(6) .iconfont:nth-child(1){
    color:#c3272b;
}
.account .ljhs {
    text-align: right;
    margin-right: 10px;
    color: #fff;
    padding-top: .1rem;
    font-size: .3rem;
    position: absolute;
    bottom: .1rem;
    right: .2rem;
}
.account .ljhs span {
    color: #fff;
}
.myhistory {
    background: #eee;
    font-size: .24rem;
}
.myhistory .billcontent {
    width: 100%;
    padding-bottom: .98rem;
}

.myhistory .billtable {
    width: 100%;
    background: #eee;
}

.myhistory .billtable td, th {
    height: .7rem;
    text-align: center;
}
.myhistory .billtable th {
    word-break: keep-all;
    white-space:nowrap;
}
.myhistory .billtable tr{
    background: #fff;
}
.myhistory .billtable tbody tr:nth-child(odd),.myhistory  .billtable tbody tr {
    width:100%;
    border-bottom: 1px solid #E8E8E8;
}

.myhistory .myhistory .billtable tbody tr:nth-child(odd) td {
    height: 1rem;
    color:#000;
}
.myhistory .billtable tbody tr td:nth-child(2) {
    color: #880707;
}

.myhistory .billtable tbody tr:nth-child(odd) td span {
    display: inline-block;
    padding: .05rem .2rem;
    color: #adadad;
}

.myhistory .billtable thead .redx {
    background:#880707;
    color: #fff;
}
.myhistory .treven{
    margin-bottom: .3rem;
}
.myhistory  .treven .kong{
    height: .2rem;
    width: 100%;
    background: #eee;
    content: "";
}
.myhistory  .treven td p{
    height: .5rem;
    line-height: .5rem;
    color: #adadad;
    padding: 0 .2rem;
    text-align: left;
    font-size: .2rem;
}
.myhistory .treven td p span{
    color: #646464;
    text-align: left;
}
.real{
    background: #2b2623;
    color: #adadad;
    width: 7.5rem;
    margin: 0 auto;
    font-size: .3rem;
}
.real .realname{
    width:100%;
}
.real .inputdata{
    margin-top: .25rem;
    width: 100%;
    overflow: auto;
}
.real .inputdata div{
    width: 100%;
    margin:0 auto;
    height:1rem;
    line-height:.8rem;
    padding:.1rem .4rem;
    overflow: hidden;
    background: #3a3430;
    border-bottom:3px solid #2b2623;
    font-weight: bold;
    position: relative;
}
.real .inputdata div span{
    color: #adadad;
    float: left;
    width: 2rem;
    padding-right: .2rem;
}
.real .inputdata div button{
    border: none;
    background: #c0a065;
    color: #2b2623;
    height: .6rem;
    width: 2rem;
    text-align: center;
    position: absolute;
    top:.2rem;
    right:.1rem;
}
.real .inputdata div input{
    background: #3a3430;
    color:#adadad;
    line-height:.8rem;
    border:none;
    width: 70%;
    float: left;
    outline:none;
}
.real .inputdata .sel_man,.real .inputdata .sel_wom{
    width: 10%;
    float: none;
    vertical-align: middle;
}
.real h1,.real h2{
    margin-top: .2rem;
    padding-left: .2rem;
    border-bottom:3px solid #2b2623;
    background: #3a3430;
    height: 1rem;
    line-height: .5rem;
    color: #BBB;
    font-weight: normal;
}
.real h2{
    margin-top: 0rem;
    line-height: 1rem;
    color:#646464;
}
.real .okup{
    margin-top: .2rem;
    width: 100%;
    padding-bottom: .98rem;
}
.real .success{
    display:block;
    width: 80%;
    font-weight: bold;
    padding: .3rem .5rem;
    margin: 0 auto;
    background: #c0a065;
    color:#2b2623;
    border:none;
    border-radius: 5px;
}
.real .tips{
    font-size: .25rem;
    color: red;
    text-align: right;
    padding-right: 1rem;
    clear: both;
}
.real  h4{
    position: relative;
    right: 2px;
    top:-0.3rem;
    height: .4rem;
    width: 40%;
    margin-left: 50%;
    text-align: right;
    line-height: .3rem;
    color: #c70003;
    font-size: .2rem;
    z-index: 100;
}

body.pick{
    width: 7.5rem;
    background: url("../images/thbg.jpg") repeat;
    background-size: 100%;
}
.pick .pickup{
    margin: 0 .57rem;
    height: 10.51rem;
    background: url("../images/thdb.png") no-repeat;
    background-size: 100% 100%;
    padding: 0 .2rem;
    padding-top: 1.65rem;
}
.pick .pickone{
    padding: .3rem .4rem;
}
.pick .pickup h1,.pick .pickup h2{
    font-size: .36rem;
    color: #fcfaee;
}
.pick .pickup h2{
    float: left;
    width: 50%;
}
.pick .pickone>div:after{
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.pick .pickone p{
    font-size: .30rem;
    background: -webkit-linear-gradient(top,#fef0d4,#fdd689);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    margin-top: .1rem;
    margin-bottom: .2rem;
}
.pick .pickone h2 span{
    font-size: .30rem;
    background: -webkit-linear-gradient(top,#fef0d4,#fdd689);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    font-weight: normal;
}
.pick .picktwo{
    padding: .3rem .4rem;
    text-align: center;
}
.pick .picktwo h3 {
    font-size: .36rem;
    color: #fcfaee;
    text-align: left;
    padding-bottom: .2rem;
}
.pick .picktwo button{
    display: inline-block;
    width: 2.8rem;
    height: 1.1rem;
    background: url("../images/thbtn.png") no-repeat;
    background-size: 100% 100%;
    border: none;
    outline: none;
}
.pick .return{
    width: 2.6rem;
    height: .6rem;
    margin: 0 auto;
    text-align: center;
}
.pick .return a{
    display: block;
    width: 2.6rem;
    height: .6rem;
}
.pick .picktwo form {
    margin-bottom: .4rem;
}
.pick .picktwo label {
    background: -webkit-linear-gradient(top,#fef0d4,#fdd689);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    width: 25%;
    height: .4rem;
    text-align: center;
    font-size: .3rem;
}
.pick .picktwo form input {
    width: 75%;
    height: .6rem;
    margin: 0 auto;
    margin-bottom: .35rem;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    font-size: .3rem;
}
.pick .picktwo textarea {
    width: 75%;
    height: 1rem;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    font-size: .3rem;
}
.pick .picktwo .textarea {
    position: relative;
    top: -0.5rem;
}
.pick .onehead{
    width: 100%;
}
.pick .onehead img{
    width: 100%;
}
